<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
    <style>
        .aqi-chart-wrap {
            display: flex;
            width: 90%;
            height: 500px;
            margin: 10px auto;
            padding: 10px;
            justify-content: space-between;
            align-items: flex-end;
        }
        
        .aqi-chart-wrap div {
            flex: 1;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <fieldset id="form-gra-time">
        <legend>请选择日期粒度：</legend>
        <label>日<input name="gra-time" value="day" type="radio" checked="checked"></label>
        <label>周<input name="gra-time" value="week" type="radio"></label>
        <label>月<input name="gra-time" value="month" type="radio"></label>
    </fieldset>

    <fieldset>
        <legend>请选择查看的城市：</legend>
        <select id="city-select">
        <option>北京</option>
    </select>
    </fieldset>

    <div class="aqi-chart-wrap">
    </div>

    <script src="js/Task17.js"></script>
</body>

</html>